<!DOCTYPE HTML>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
	<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
	<script type="text/javascript">
	var music_urls = [
	'http://shop.jellyfish.cc/always_with_me.mp3','http://zhangmenshiting2.baidu.com/data2/music/351386/351386.mp3?xcode=be9b0bb6ae0f7698577895e58b3b93ef&mid=0.39328587859442'];
	
	
	$(function(){
		var visible_width = $(window).innerWidth(),
		visible_height = $(window).innerHeight();
		
		var $body = $('body');
		$body.css({
			width:visible_width,
			height:visible_height,
			'background-color':'#990C5C'
		});
		
		$foryou_player = $('<div id="foryou-player" style="position:absolute;left:-9999px"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="150" height="20"><param name="movie" value="http://tools.meqzone.com/others/play/swf/2.swf?file='+music_urls[0]+'&width=150&songVolume=100&backColor=E8E8E8&frontColor=000000&autoStart=true&repeatPlay=true&showDownload=false" /><param name="quality" value="high" /><param value="transparent" name="wmode" /> <embed src="http://tools.meqzone.com/others/play/swf/2.swf?file='+music_urls[0]+'&width=150&songVolume=100&backColor=E8E8E8&frontColor=000000&autoStart=true&repeatPlay=true&showDownload=false" width="150" height="20" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed> </object></div>');
		$body.append($foryou_player);
		
		var panel_width = 600;
		var panel_height = 300;
		var words = '颜色的种类非常多，不同的颜色会给人不同的感觉。红，橙，黄给人感到温暖和欢乐。|因此称为“暖色”；蓝，绿，紫给人感到安静和清新，因此称为“冷色颜色可以互相混合，将不同的原|来颜色混合，产生不同的新颜色，混合方法分为以下两种- 颜色色光的相加混合- 颜色色料混合- 颜色色料的相减混合颜色色光混合颜色色料的混合 (相减混合)平面设计中舒服的配色方案（二）(20张)　　颜色色料混合一般应用红，黄，蓝三种颜色色料互相混合。红色即是可让红色波长透过。吸收绿色及其馀附近的颜色波长，令人感受到红色。黄色，蓝色也是同样道理当黄，蓝混合时，黄色颜料吸收短的波段，\n蓝色颜料吸收长的波段，剩下中间绿色波段透过，|令人们感受到绿色；同样，红，黄混合时剩下560nm以上较长的波段透过而成为橙色。红，蓝色混合一起，成为紫色。以红，黄，蓝为原色，两种原色相拼而成的颜色称为间色，分别有橙，绿，紫；由两种间色相拼而成的称为复色，分别有橄榄，蓝灰，棕色此外，原色或间色亦可混入白色和黑色调出深浅不同的颜色。在原色或间色加入白色便可配出浅红，粉红，浅蓝，湖蓝等颜色；若加入不同份量的黑色，便可配出棕，深棕，黑绿等不同颜色编辑本段着色剂着色剂主要分颜料和染料两种。颜料是不能溶于普通溶剂的着色剂，故要获得理想的着色性能，需要用机械方法将颜料均匀分散于塑料中。按结构可分为有机颜料和无机颜料。无机颜料热稳定性、光稳定性优良，价格低，但着色力相对差，相对密度大；|有机颜料着色力高、色泽鲜艳、色谱齐全、相对密度小，缺点为耐热性、耐候性和遮盖力方面不如无机颜料。染料是可用于大多数溶剂和被染色塑料的有机化合物、优点为密度小、着色力高、透明度好，但其一般分子结构小，着色时易发生迁移白色颜料主要有钛白粉、氧化锌、锌钡白三种。钛白粉分金红石型和锐钛型两种结构，金红石型钛白粉折射率高、遮盖力高、稳定、耐候性好。炭黑是常用黑色颜料，价格便宜，另外还具有对塑料的紫外线保护（抗老化）作用和导电作用，不同生产工艺可以得到粒径范围极广的各种不同炭黑，性质差别也很大。炭黑按用途分有色素炭黑和橡胶补强用炭黑，色素炭黑按其着色能力又分为高色素炭黑、中色素炭黑和低色素炭黑。炭黑粒子易发生聚集，要提高炭黑的着色力，要解决炭黑的分散性。';
		$panel = $('<div id="foryou-panel"></div>').css({
			width:panel_width,
			height:panel_height,
			position:'absolute',
			left:(visible_width-panel_width)/2,
			top:(visible_height-panel_height)/2,
			'background-color':'#EF8CAE',
			overflow:'hidden'
		});
		$panel_content = $('<div id="foryou-panel-content"></div>').css({
			width:panel_width-20,
			height:'auto',
			position:'absolute',
			top:0,
			padding:'10px'
			
		});
		$body.append($panel);
		$panel.append($panel_content);
		//return;
		function say(words, $p, $c){
			var words_array = words.split('');
			var words_num = words_array.length;
			var index = 0;
			var timeoutHanlder = 0;
			var moveToTop = 0; //已经移上去的高度
			
			$c[0].innerHTML = '&nbsp;&nbsp;';
			function _run(){
			    var args = arguments;
			    var this_word  = words_array[index++];
				$c[0].innerHTML += (this_word == '|' ? '' :this_word);
				if(index>=words_num-1) {
					return ;
				}
				var wait = 200;
				if(this_word == '，'){
					wait = 500;
				} else if(this_word == '。') {
					wait = 1000;
				} else if(this_word == '|') {
					wait = 2000;
					$c[0].innerHTML += '<br />&nbsp;&nbsp;';
				}
				//return;
				if($c.height() - panel_height > moveToTop) {
					$c.animate({top:-($c.height()-panel_height)}, function(){
						moveToTop = $c.height() - panel_height;
						timeoutHanlder = setTimeout(args.callee, wait);
						
					});
				} else {
					timeoutHanlder = setTimeout(args.callee, wait);
				}
			}
			_run();
		}
		say(words,$panel, $panel_content);
		
		function changeSong($foryou_player, music_url){
			$foryou_player[0].innerHTML = $foryou_player.html().replace(/file=(.*?)&/img,'file='+music_url+'&');
		}
		
		setTimeout(function(){
			changeSong($foryou_player, music_urls[1]);
		},5000);	
		
	})
	
	</script>
</head>
<body>的范德萨发生快递费
</body>
</html>